@charset "utf-8";
/*提問頁*/
.askbox{
    width: 96%;
    margin: 0 auto;
}
.asktitle{
    width: 100%;
    padding: 1.5% 0;
    text-align: center;
    font-size: 140%;
    background: #eae7d8;
    color: #57452e;
    font-weight: bold;
    margin-bottom: 0.5%;
}
.askform{
    width: 100%;
    padding: 5% 0;
    background: #eeede9;
    font-size: 80%;
    margin-bottom: 0.5%;
}
.askform .content{
    width: 95%;
    margin: 0 auto;
}
.askform .input1{
    width: 100%;
    line-height: 1.5;
    margin: 0;
    padding:1% 0;
}
.askform textarea{
    width: 100%;
    resize: none;
    padding: 0;
}
.askform .inbox{
    margin-bottom: 2%;
}
.askform .input2{
    width: 65%;
    display: block;
    float: left;
    padding: 1% 0;
    line-height: 1.5;
    font-size: 80%;
}
.inbox .btn{
    width: 30%;
    float: right;
    text-align: center;
    margin-top: 0.3%;
}
.inbox .btn a{
    display: block;
    text-decoration: none;
    padding: 2.8% 0;
    width: 100%;
    line-height: 1.5;
    background: #8f8275;
    color: #fff;
    font-size: 80%;
}
.m_btn_send{
    width: 40%;
    margin:5% auto 0;
    text-align: center;
}
.m_btn_send a{
    display: block;
    padding:6% 0;
    width: 100%;
    line-height: 1.5;
    text-decoration: none;
    font-size: 130%;
    font-weight: bold;
    border: 1px solid #57452e;
    color: #57452e;
}
.asklist{
    width: 96%;
    margin: 0 auto 5%;
    background: #eeede9;
    padding: 6% 2% 0;
    box-sizing: border-box;
}
.alist{
    padding-bottom: 10%;
}

.alist .atitle{
    width: 100%;
    margin-bottom:4%;
    border-bottom: 1px solid #57452e;
    padding-bottom: 3%;
    font-size: 120%;
    color: #57452e;
    font-weight: bold;
}
.alist .foto{
    width: 40%;
    float: left;
    border: 1px solid #d4bca5;
}
.alist .foto a{
    display: block;
}
.alist .foto a img{
    display: block;
}
.asharebox{
    width: 55%;
    float: right;
   
}
.asbox{
    padding: 2% 0 0 5%;
    background: #fff;
}
.as{
    width: 45%;
    margin-bottom: 5%;
    float: left;

}
.as .icon{
    width: 30%;
    margin-top: 3%;
    display: inline-block;
    padding-top: 1%;
}
.as .num{
    margin-top: 5%;
    display: inline-block;
    vertical-align: top;
    padding-left: 5%;
    padding-top: 1.5%;
}

.alist_peo{
    width: 100%;
    margin-top: 5%;
}
.alist_peo .peo{
    width: 16%;
    float: left;
}
.peo_info{
    float: left;
    font-size: 80%;
    padding-left: 3%;
    line-height: 1.5;
    width: 75%;
}
.peo_info .name{
    margin-bottom: 2%;
}
/*投票頁*/
.votebox{
    width: 96%;
    margin: 0 auto;
    background: #eae7d8;
}
.votebox .content{
    width: 96%;
    margin: 0 auto;
    padding: 4% 0;
}
.votetitle{
    font-size: 130%;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 1px;
}
.voteinfo{
    padding-bottom: 2%;
    margin-top: 2%;
    border-bottom: 1px solid #423322;
    display: table;
    width: 100%;
}
.voteinfo .foto{
    width: 10%;
    display: inline-block;
}
.voteinfo .name,.voteinfo .time{
    display:inline-block;
    vertical-align: top;
    padding-left: 2%;
    padding-top: 2%;
}
.votetxt{
    font-size: 100%;
    line-height: 1.5;
    margin: 2% 0 5%;
}
.vblist{
    margin-bottom: 3%;
    padding-bottom: 3%;
    border-bottom: 1px dotted #8f8275;
}
.vblist:last-child{
    border: none;
}
.vblist .foto{
    width: 35%;
    border: 1px solid #d4bca5;
    box-sizing: border-box;
    float: left;
}
.vblist .vote{
    width: 60%;
    float: left;
    padding-left: 3%;
}
.vblist .vote .btn{
    width: 35%;
    text-align: center;
    margin-top: 5%;
}
.vblist .vote .btn a{
    text-decoration: none;
    padding: 10% 0;
    color: #fff;
    background: #57452e;
    width: 100%;
    display: block;
    font-weight: bold;
}

.vblist .num{
    font-style: 100%;
    color: #57452e;
    margin-top: 2%;
}
.votebar{
    width: 100%;
    background: #cccccb;
    margin-top: 5%;
}
.bar{
    width: 60%;
    padding: 4% 0;
    background: #ba986d;
}
.votelist{
    width: 96%;
    margin: 1% auto 5%;
    background: #f1f0ec;
    padding: 2%;
    box-sizing: border-box;
}
.vlist{
    padding-bottom: 5%;
    margin-bottom: 5%;
    border-bottom: 1px dotted #8f8275; 
}
.vlist:last-child{
    padding: 0;
    margin: 0;
    border: none;
}
.vlist .foto{
    width: 10%;
    float: left;
}
.vlist .txt{
    width: 85%;
    float: right;
    padding-left: 3%;


}
.voteshare{
    width: 100%;
    background: #fff;
    padding: 2%;
    box-sizing: border-box;
    margin-bottom: 2%;
    color: #ba986d;
}

.voteshare h1{
    display: block;
    font-size: 110%;
    color: #57452e;
}
.vstxt{
    display: inline-block;
    font-size: 80%;
    float: left;
    width: 50%;
    padding-top: 2%;
}
.vsicon{
    display: inline-block;
    width: 50%;
    float: right;
    
}
.vsicon div{
    display: inline-block;
    float: right;
    margin-right: 3%;
}
.vsicon .icon{
    width: 8%;
    padding-top: 1.5%;
}
.vsicon .icon a{
    display: block;
}
.vsicon .num{
    padding-top: 2%;
}
.vsicon .txt2{
    padding-top: 2%;
}
.vlist span{
    display: block;
    line-height: 1.5;
    font-size: 100%;
}
.vfoto{
    width: 50%;
    margin-top: 2%;
}

.uploadcomment{
    width: 100%;
}
.uploadcomment textarea{
    display: block;
    width: 100%;
    padding: 0;
    resize: none;
}
.votebtn{
    width: 60%;
    margin: 5% auto 5%;
}
.votebtn .btn{
    width: 40%;
    float: left;
    margin-left: 5%;
}
.votebtn .btn a{
    display: block;
    padding: 8% 0;
    background: #423322;
    text-decoration: none;
    text-align: center;
    font-size: 80%;
    color: #fff;
}
.ask_choose,.ask_populer{
    width: 96%;
    margin: 0 auto 8%;
}
.ask_choose .title,.ask_populer .title{
    font-size: 120%;
    color: #57452e;
    font-weight: bold;
    border-bottom: 2px solid #57452e;
    padding-bottom: 2%;
}
.ask_choose ul{
    width: 100%;
}
.ask_choose ul li{
    font-size: 100%;
    margin: 3% 0;
}
.ask_choose ul li a{
    text-decoration: none;
    display: block;
    width: 100%;
    line-height: 1.5;
    color: #ba986d;
}
.ask_choose ul{
    margin-top: 10px;
}
.ask_choose ul li{
    width: 100%;
    margin-bottom: 5px;
}
.ask_choose ul li a{
    display: block;
    line-height: 1.5;
    text-decoration: none;
    font-size: 16px;
    color: #8f8275;
}
.ask_choose ul li a:hover,.ask_choose ul li a.select{
    color: #ba986d;
    font-weight: bold;
    
}
.ask_populer ul{
    margin-top: 5%;
}
.ask_populer ul li{
    border-top: 1px dotted #3f311f;
    padding-top: 3%;
    margin-top: 3%;
}
.ask_populer ul li:first-child{
    border: none;
    padding: 0;
    margin: 0;
}
.ask_populer .foto{
    width: 40%;
    float: left;
}
.ask_populer .foto img{
    width: 100%;
}
.ask_populer .txt{
    width: 57%;    
    float: right;
    line-height: 1.5;
}
.ask_populer .txt h1{
    display: block;
    font-size: 110%;
    margin-bottom: 1%;
    color: #3f311f;
}
.ask_populer .txt h1 a{
    text-decoration: none;
    color: #3f311f;
}

.ask_populer .txt  span{
    font-size: 100%;
}
.ask_populer .txt  span a{
    text-decoration: none;
    color: #000;
}
.ask_populer .txt .name{
    font-size: 100%;
    color: #ba986d;
    font-weight: bold;
}
.cicon{
    width: 100%;
    margin-top: 1%;
    display: inline-block;
}
.cicon a{
    display:inline-block;
    background: url('../images/ask/text.png') no-repeat left 10% ;
    background-size:45%; 
    padding-left: 11%;
    text-decoration: none;
    color: #3f311f;
}


 